<template>
     <div class="picker">
        <div class="search">
            <div class="date ch">
                <div class="block">
                    <span class="demonstration">发布日期：</span>
                    <el-date-picker
                    type="date"
                    placeholder="选择日期"
                    />
                </div>
            </div>
            <div class="type ch">
                <span>类型：</span> 
                <el-select  class="m-2" placeholder="请选择">
                <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
                />
                </el-select>
            </div>
            <div class="speed ch">
            <span >快速搜索：</span>
            <el-input v-model="searchText" placeholder="请输入关键词" size='default'/>
            </div>

            <div class="btns">
                <el-row class="mb-4">
                    <el-button type="primary" @click="handleClick">查询</el-button>       
                    <el-button @click="restClick">重置</el-button>
                </el-row>
            </div> 

        </div>    
               
  </div>
</template>

<script setup>
import {useInformListStore} from '../stores/informlist'
import {ref} from 'vue'
let searchText=ref();
//获取仓库数据
let $store= useInformListStore();
const options = [
  {
    value: '全部学校',
    label: '全部学校',
  }
]

let handleClick=()=>{
console.log(searchText.value)
$store.sea_tableData(searchText.value)
}

let restClick=()=>{
$store.res_tableData()
}
</script>

<style scoped>
.search{
    width: 100%;
    height: 140px;
    display: flex;
    justify-content: space-between;
    background-color: white;
    align-items: center;
    box-sizing: border-box;
    padding: 0 40px;
  }
.search input{
    height: 29px;
    border-radius: 5px;
    outline: none;
    border: 1px solid #dedede;
}
.speed{
    display: flex;
    align-items: center;
}
.ch {
  display: inline-block;
  white-space: nowrap;
}
.btns{
  padding-left: 20px;
}
</style>